﻿.pager
{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

    .pager div.short
    {
        float: right;
        margin: 0;
        padding: 0;
        width: 100px;display: none;
    }

        .pager div.short input
        {
            width: 28px;
            height: 18px;
            border: none;
            margin-left: 3px;
            float: left;
            border: 1px solid #cacdcd;
            margin-left: 10px;
        }
        
    .pager ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
        margin-right: 4px;
    }

        .pager ul li
        {
            display: inline;
        }

            .pager ul li a.normal
            {
                text-decoration: none;
                display: inline-table;
                width: 20px;
                height: 15px;
                text-align: center;
                margin-right: 3px;
                border-radius: 2px;
                padding: 2px 0px;
               
            }

    .pager span
    {
        margin-left: 4px;
        color: #4e4e4e;
        float: left;
        margin-top: 5px;
        display: none;
    }

    .pager .btn
    {
        display: none;
        width: 40px;
        text-align: center;
        float: left;
        padding: 0;
        margin: 0;
        margin-left: 4px;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        background-color: white;
        margin-top: 1px;
    }
    .pager .btn:hover {
         background-color: #dedede;
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#f7f7f7));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f7f7f7, #dedede);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f7f7f7, #dedede);
    /* IE 10 */
    background: -ms-linear-gradient(top, #f7f7f7, #dedede);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f7f7f7, #dedede);
    color: #605f5f;
    }
    .pager ul li a.active
    {
        text-decoration: none;
        display: inline-table;
        width: 20px;
        height: 15px;
        text-align: center;margin-right: 3px;
    }
/*green*/ .green
{
    background-color: #4f7305;
}

    .green.normal
    {
        background-color: #588500;
        color: White;
    }

    .green.active
    {
        background-color: #344C00;
        color: #F8EB00;
    }

.pager.green .btn
{
    background-color: #588500;
    color: White;
}
/*black*/ .black
{
              float: left;margin-top: 4px
}

    .black.normal
    {
        background-color: #e5e5e5;
        box-shadow: 0 0 5px #9e9d9d inset;
        color: #505151;
    }

    .black.active
    {
       box-shadow: 0 0 5px #c079d7 inset;
        color: #aa05c8 !important;
        font-weight: bold;

    }

#wrapper
{
    width: 100%;
}

#divs
{
    margin: 0;
    height: auto;
    background-color: White;
    width: 97%;
}

    #divs > div
    {
        width: 100%;
    }

        #divs > div p
        {
            width: 100%;
        }

ul.tab
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;margin-bottom: 10px;
    background-image: url(IMG/menu_tab.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 31px
}


    ul.tab li
    {
        display: inline;
        padding: 9px;
        color: #403f3f;
        cursor: pointer;
        font-weight: bold;
    }
     ul.tab li.active {
         border: 1px solid #dfdfdf;
         border-bottom: none;
         margin-top: -1px;
         background-color: white

     }
